<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>同行易</title>
    <style>
        form {
            background-image: url("img/background.jpg");
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            max-width: 540px;
            height: 960px;
            background-color:  white;
            border: 1px solid #d3cbcb;
            margin: auto;
            color: rgb(6, 1, 12);
            border-radius: 6px;
            /* padding: 20px 40px; */
            position: relative;
        }
        #header{
            width:300px;
            height:200px;
            position:relative;
            top:0;
            /*left:10px;*/
            background-color: aquamarine;
        }
        #logo{
            width:100%;
            height:auto;
            background-image:url("img/background.jpg") ;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
        #main{
            background-color:rgba(187, 229, 241, 0.5);
            width:100%;
            height:700px;
        }
        #footer{
            width:100%;
            height:45px;
            background-color:rgba(187, 229, 241, 0.5);
        }
        #left{
            width:30%;
            height:30px;
            margin:0 4%;
            padding: 5px 20px;
            float:left;

        }

        #center{
            width:30%;
            height:30px;
            margin:0 4%;
            padding: 5px 20px;
            float:left;

        }
        #right{
            width:30%;
            height:30px;
            margin:auto;
            padding: 5px 20px;
            clear:both;
        }
        #left:hover{
            cursor:pointer;
            background-color: rgba(187, 229, 241, 0.5);
        }
        #center:hover{
            cursor:pointer;
            background-color: rgba(187, 229, 241, 0.5);
        }
        #right:hover{
            cursor:pointer;
            background-color: rgba(187, 229, 241, 0.5);
        }
    </style>
</head>
<body>
    <form action="" method="">
        <div id="header" class="">
            <div id="logo" class="">
                <img src="image/拼车(2).jpg">
            </div>
        </div>

        <div id="main" class="">
            <ul type="disc">
                <li>目的地：&nbsp&nbsp&nbsp<input type="text" id="destination" placeholder="请输入目的地"></li>
                <li>出行时间：<input type="text" id="time" placeholder="出行时间"></li>
                <li>同行人数：<input type="text" id="numbers" placeholder="与您同行人的数量"></li>
                <li>备注：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="text" id="details" placeholder="其他细节"></li>
                <input type="button" value="发布">
            </ul>
        </div>

        <div id="footer" class="">
            <table width="100%" height="100%" align="center">
                <tr>
                    <td id="left"><a href="#">首页</a></td>
                    <td id="center"><a href="我的行程web.html">我的行程</a></td>
                    <td id="right"><a href="个人中心web.html">个人中心</a></td>
                </tr>
            </table>
        </div>
    </form>
</body>

</html>